<%-- 
  -- Body New para Benefit.
  --
  -- @author nicolas.gonzalez
--%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/struts-html-el-1.2.8.tld" prefix="html-el"%>
<%@ taglib uri="/WEB-INF/struts-logic-el-1.2.8.tld" prefix="logic-el"%>
<%@ taglib uri="/WEB-INF/security.tld" prefix="security" %>

<%@ taglib uri="http://struts.apache.org/tags-bean-el" prefix="bean2"%>

<script src="<html:rewrite page='/protected/script/util.js'/>" type="text/javascript"></script>

<%-- Para EXT --%>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/ext-all.css'/>" />

<script src="<html:rewrite page='/protected/script/ext-1.1.1/adapter/ext/ext-base.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/ext-1.1.1/ext-all.js'/>" type="text/javascript"></script>

<script src="<html:rewrite page='/protected/script/calendar/calendar.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/calendar/calendar-setup.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/calendar/lang/calendar-es.js'/>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/calendar/style/calendar-blue.css'/>" id="styleFileAnyId"/>


<div class="errors">
    <html:errors />
</div>


<script type="text/javascript">
    /** Crea un usuario
      * En el form de Struts se valida q porcentaje y valor no pueden
      * ser simultaneamente nulos. */
    function createBenefit() {
        var regExpStr = "^\d*\.{0,1}\d+$";
    
        var descriptionValue = $("descriptionId").value;
        var percentageValue = $("percentageId").value;
        var valueValue = $("valueId").value;
        var validFromValue = $("validFromId").value;
        var validToValue = $("validToId").value;

        if (Util.valid.isBlank(descriptionValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar descripcion');
            $("descriptionId").focus();
            return;
        }
        if (Util.valid.isBlank(percentageValue) && Util.valid.isBlank(valueValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar porcentaje o valor. ');
            return;
        }
        if (isNaN(percentageValue) || isNaN(valueValue)) {
            if (isNaN(percentageValue)) {
                Ext.MessageBox.alert('Error', 'El porcentaje debe ser un numero valido. ');
                return;
            }
            Ext.MessageBox.alert('Error', 'El valor debe ser un numero valido. ');
            return;
        }        
        
        if (Util.valid.isBlank(validFromValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar Fecha Desde. ');
            $("validFromId").focus();
            return;
        }
        if (Util.valid.isBlank(validToValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar Fecha Hasta. ');
            $("validToId").focus();
            return;
        }

        
        var descriptionObj = $("descriptionConfirmId");
        var percentageObj = $("percentageConfirmId");
        var valueObj = $("valueConfirmId");
        var validFromObj = $("validFromConfirmId");
        var validToObj = $("validToConfirmId");
        
        descriptionObj.value = descriptionValue;
        percentageObj.value = percentageValue;
        valueObj.value = valueValue;
        validFromObj.value = validFromValue;
        validToObj.value = validToValue;
        
        var form = $("createBenefitFormId");
        form.submit();
    } 
    
    function disableValue() {
        var obj = $("valueId");
        obj.value = "";
        obj.readOnly = true;
        
        obj = $("percentageId");
        obj.readOnly = false;
    }

    function disablePercentage() {
        var obj = $("percentageId");
        obj.value = "";
        obj.readOnly = true;
    
        obj = $("valueId");
        obj.readOnly = false;
    }
    
</script>

<%-- El ID del form NO debe ser modificado. Se usa desde el menu --%>
<html:form action="/protected/showNewBenefit" styleId="benefitFormId">

    <h2>Creaci&oacute;n de beneficio</h2>
    
    <div class="newBenefitEdit">
        <table class="tableData" cellspacing="0">
            <tr>
                <td class="tableDataTitle">
                    Descripci&oacute;n*
                </td>
                <td class="tableDataValue">
                    <html:text property="description" styleId="descriptionId" alt="Este campo identifica el beneficio" />
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Porcentaje*
                </td>
                <td class="tableDataValue">
                    <html:text property="percentage" styleId="percentageId" title="Si elige porcentaje entonces este campo debe ser ingresado..."/>
                    &nbsp;
                    <input type="radio" name="percentageOrValue" value="percentage" onclick="disableValue()" checked title="El beneficio es por porcentaje">
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Valor*
                </td>
                <td class="tableDataValue">
                    <html:text property="value" styleId="valueId" readonly="true" title="Si elige valor entonces este campo debe ser ingresado..."/>
                    &nbsp;
                    <input type="radio" name="percentageOrValue" value="value" onclick="disablePercentage()" title="El beneficio es por valor">
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    V&aacute;lido Desde*
                </td>
                <td class="tableDataValue">
                    <html:text property="validFrom" styleId="validFromId" readonly="true"/>
                    &nbsp;
                    <img id="validFromImgId" class="allButtons" style="border: 0px;" title="title" src="<html:rewrite page="/protected/img/date.png"/>" alt="Seleccione una fecha"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    V&aacute;lido Hasta*
                </td>
                <td class="tableDataValue">
                    <html:text property="validTo" styleId="validToId" readonly="true"/>
                    &nbsp;
                    <img id="validToImgId" class="allButtons" style="border: 0px;" title="title" src="<html:rewrite page="/protected/img/date.png"/>" alt="Seleccione una fecha"/>
                </td>            
            </tr>
        </table>
        
        <script type="text/javascript">
            Calendar.setup({
              inputField    : "validFromId",
              button        : "validFromImgId",
              align         : "Tr",
              ifFormat      : "%d/%m/%Y"
            });

            Calendar.setup({
              inputField    : "validToId",
              button        : "validToImgId",
              align         : "Tr",
              ifFormat      : "%d/%m/%Y"
            });
          </script>        
    
        <div id="clear">
        </div>
       	<p class="mensajeCamposObligatorios">Los campos marcados con un asterisco (*) son obligatorios (Porcentaje &oacute; valor)</p>
        <div id="clear">
        </div>
        
        <%-- No se valida seguridad ya que SOLO entran aca los q tienen permiso --%>
        <div class="panelButton">
            <input type="button" value="Guardar" onclick="createBenefit();" title="Guarda el beneficio..." class="button">
        </div>  
    
    </div>

</html:form>

<%-- Inyectados por Javascript --%>
<div id="createDivId" class="hideClass">
    <html:form action="/protected/createBenefit" styleId="createBenefitFormId">
        <html:hidden property="description" value="" styleId="descriptionConfirmId" />
        <html:hidden property="percentage" value="" styleId="percentageConfirmId" />
        <html:hidden property="value" value="" styleId="valueConfirmId" />
        <html:hidden property="validFrom" value="" styleId="validFromConfirmId" />
        <html:hidden property="validTo" value="" styleId="validToConfirmId" />
    </html:form>
</div>
